<template>
	<view>
		
		<view class="title-photo">
			<image src="../../static/anonymous.png" mode="aspectFit"></image>
			<button type="default" @click="toVIP()">开通会员</button>
			<text>会员优势</text>
		</view>
		<view class="content">
			<view class="content-one" v-for="(item,index) in subList" :key="index">
				<image :src="item.url" mode="aspectFit"></image>
				<text v-text="item.text"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {	
				subList:[
					{url:"../../static/diamond.png",text:"尊贵钻石Logo"},
					{url:"../../static/expert.png",text:"专家探访"},
					{url:"../../static/sql.png",text:"数据库开放"},
					{url:"../../static/customer.png",text:"专属客服"}
					],
			
			}
		},
		methods: {
			toVIP(){
				uni.showToast({
					title: 'VIP功能暂未开通，敬请期待',
					duration: 2000,
					icon:"success"
				})
			}
		}
	}
</script>
<style scoped lang="scss">
	@import "VIP.scss";
</style>